﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>表单</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootbox.min.js"></script>
</head>
<body>
    <div class="box">
        <div class="content">

            <div class="container content_width">
                <div class="person_search">
                    <div class="search_input">
                        <div class="input-group mb-3">
                            <span>序号查询：</span>
                            <input id="Ktext" type="text" class="form-control" placeholder="请输入序号">
                        </div>
                    </div>
                    <div class="search_input">
                        <div class="input-group mb-3" hidden>
                            <span>设备序列号：</span>
                            <input id="job_num" type="text" class="form-control" placeholder="请输入序列号">
                        </div>
                    </div>
                    <div class="search_input">
                        <button class="btn btn-primary search_btn" type="button" id="search_btn">查询</button>
                        <button class="btn btn-primary search_btn" type="button" id="back_btn">重置</button>
                    </div>
                </div>
                <div class="line"></div>
            </div>

            <div class="export">
                <button id="new_add" type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#renyuan">
                    <img src="img/add_two.png" />
                    <span>添加</span>
                </button>
                <div class="modal fade" id="renyuan">
                    <div class="modal-dialog modal-lg modal_position">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title">添加设备信息</h4>
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                            </div>
                            <div class="modal-body">
                                <table id="xztb" class="table">

                                    <tbody>
                                        <tr>
                                            <td class="tb_bg">
                                                <label for=""><font style="font-size: 14px; color: red;">*</font>序号</label>
                                            </td>
                                            <td>
                                            	<input class="userName" type="number" placeholder="请输入序号" />
                                            </td>
                                            <td class="tb_bg">
                                                <label for=""><font style="font-size: 14px; color: red;">*</font>设备名称</label>
                                            </td>
                                            <td>
                                            	<input class="jobNum" type="text" placeholder="请输入设备名称" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tb_bg">
                                                <label for=""><font style="font-size: 14px; color: red;">*</font>设备型号</label>
                                            </td>
                                            <td><input class="phoneNum" type="TEXT	" placeholder="请输入设备型号" /></td>
                                            <td class="tb_bg"><label for="">表号</label></td>
                                            <td><input type="text" placeholder="请输入表号" class="userName"/></td>
                                        </tr>
                                         <tr>
                                            <td class="tb_bg">
                                                <label for=""><font style="font-size: 14px; color: red;">*</font>使用区域</label>
                                            </td>
                                            <td><input class="phoneNum" type="text" placeholder="请输入使用区域" /></td>
                                            <td class="tb_bg"><label for="">设备功率</label></td>
                                            <td><input type="text" placeholder="请输入设备功率" class="userName"/></td>
                                        </tr>
                                        <tr>
                                            <td class="tb_bg">
                                                <label for=""><font style="font-size: 14px; color: red;">*</font>单位</label>
                                            </td>
                                            <td><input class="phoneNum" type="number" placeholder="请选择单位" /></td>
                                            <td class="tb_bg"><label for="">启动时间</label></td>
                                            <td><input type="date" placeholder="请选择时间" value="2020.12.1" /></td>
                                        </tr>
                                        
                                    </tbody>
                                </table>
                            </div> 
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                                <button id="add_btn" type="button" class="btn btn-secondary">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <table id="tb" class="table">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>报警日期</th>
                        <th>报警时间</th>
                        <th>变量名称</th>
                        <th>报警值</th>
                        <th>界限值</th>
                        <th>记录员</th>
                        <th>描述信息</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="show_tbody">
                    <tr>
                        <td>1</td>
                        <td>2012-12-12</td>
                        <td>10:15:16</td>
                        <td>进水COD</td>
                        <td>365</td>
                        <td>350</td>
                        <td>张慧</td>
                        <td>进水COD超高</td>
                        <td>
                            <a href="#" class="edit">编辑</a>
                            <a href="#" class="del">删除</a>
                        </td>
                    </tr>
                    
                     <tr>
                        <td>2</td>
                        <td>2012-12-12</td>
                        <td>10:25:16</td>
                        <td>进水COD</td>
                        <td>340</td>
                        <td>350</td>
                        <td>张慧</td>
                        <td>进水COD超高报警恢复</td>
                        <td>
                            <a href="#" class="edit">编辑</a>
                            <a href="#" class="del">删除</a>
                        </td>
                    </tr>
                    
                     <tr>
                       <td>3</td>
                        <td>2012-12-12</td>
                        <td>10:11:16</td>
                        <td>TSB_Fault</td>
                        <td>1</td>
                        <td>0</td>
                        <td>张慧</td>
                        <td>提升泵热保护故障</td>
                        <td>
                            <a href="#" class="edit">编辑</a>
                            <a href="#" class="del">删除</a>
                        </td>
                    </tr>
                    
                </tbody>
            </table>
        </div>
    </div>
    <script src="js/mejs.js"></script>
</body>
</html>
